<template>
  <a-layout id="components-layout-demo-side" style="min-height: 100vh">
    <a-layout-sider v-model="collapsed" collapsible>
      <div class="logo" />
      <a-menu theme="dark" :default-selected-keys="['1']" mode="inline">
        <!-- <a-menu-item key="1">
          <a-icon type="pie-chart" />
          <span>Option 1</span>
        </a-menu-item>
        <a-menu-item key="2">
          <a-icon type="desktop" />
          <span>Option 2</span>
        </a-menu-item> -->
        <a-sub-menu key="sub1">
          <span slot="title"><a-icon type="user" /><span>User</span></span>
          <a-menu-item key="3">
            <!-- <router-likn :to="'/menu'">Tom</router-likn> -->
            <router-link :to="'/menu'" v-text="'用户管理'" ></router-link>

          </a-menu-item>
          <a-menu-item key="4">
            <router-link :to="'/User'" v-text="'权限管理'" ></router-link>
          </a-menu-item>
          <a-menu-item key="5">
            <!-- <router-likn :to="'/menu'">Tom</router-likn> -->
            <router-link :to="'/login'" v-text="'用户登陆'" ></router-link>

          </a-menu-item>
          <a-menu-item key="6">
            <router-link :to="'/Register'" v-text="'用户注册'" ></router-link>
          </a-menu-item>
          <!-- <a-menu-item key="7">
            Alex
          </a-menu-item> -->
        </a-sub-menu>

        <a-sub-menu key="sub2">
        <span slot="title">
          <a-icon type="appstore" />
          <span>模板管理</span>
        </span>

        <a-menu-item key="flowconf">
          <router-link :to="'/Addmb'" v-text="'新建模板'" ></router-link>
           <!-- 新建模板 -->
        </a-menu-item>


      </a-sub-menu>

      <a-sub-menu key="sub3">
        <span slot="title">
          <a-icon type="appstore" />
          <span>工单管理</span>
        </span>

        <a-menu-item key="flowconf_show">
          <router-link :to="'/Gongdan'" v-text="'新建工单'" ></router-link>

        </a-menu-item>

        <a-menu-item key="/workorder/workorder/">
          <router-link :to="'/Index'" v-text="'工单列表页'" ></router-link>
        </a-menu-item>

        <a-menu-item key="/workorder/suborder/">
          子工单列表页
        </a-menu-item>



      </a-sub-menu>

        <!-- <a-sub-menu key="sub2">
          <span slot="title"><a-icon type="team" /><span>Team</span></span>
          <a-menu-item key="6">
            Team 1
          </a-menu-item>
          <a-menu-item key="8">
            Team 2
          </a-menu-item>
        </a-sub-menu>
        <a-menu-item key="9">
          <a-icon type="file" />
          <span>File</span>
        </a-menu-item> -->
      </a-menu>
    </a-layout-sider>
    <a-layout>
      <a-layout-header style="background: #fff; padding: 0" >
        <!-- <Table></Table> -->
        <l_header></l_header>
      </a-layout-header>

      <a-layout-content style="margin: 0 16px">
        <!-- <a-breadcrumb :style="{ margin: '24px 16px', }"> -->
        <a-breadcrumb style="padding: 10px 24px;">
          <!-- <a-breadcrumb-item >User</a-breadcrumb-item>
          <a-breadcrumb-item >Bill</a-breadcrumb-item> -->
        </a-breadcrumb>

        <div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }">
          <router-view></router-view>
        </div>
      </a-layout-content>
      <a-layout-footer style="text-align: center">
        柯柯的工单系统<br>
        Ant Design ©2021 Created by Ant UED
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>
<script>
import l_header from './l_header'
import Table from '@/components/Table'
export default {
  data() {
    return {
      collapsed: false,
    };
  },
  components:{
    l_header,Table
  }
};
</script>

<style>
#components-layout-demo-side .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
</style>
